<template>
	<view class="earlyWarning">
		<view style="height: 160rpx;">
			<view class="mail_List" style="position: fixed;">
				<view class="mail gradient" style="font-weight: 700;">
					<view class="order">活动详情</view>
				</view>
			</view>
			<view class="icon" style="position: fixed;">
				<u-icon name="arrow-left" color="#fefefe" size="40" @click="navigateBack"></u-icon>
			</view>
		</view>
		<view class="second_card">
				<u-cell-group :border="false">
					<u-cell-item title="标题:" hover-class="none" :value="particulars.noticeTitle" :value-style="{color:'#000'}" :arrow="false">
					</u-cell-item>
					<u-cell-item title="发布人:" hover-class="none" :value="particulars.createBy" :value-style="{color:'#000'}" :arrow="false"></u-cell-item>
					<u-cell-item title="发布时间:" hover-class="none" :value="particulars.createTime" :value-style="{color:'#000'}"
						:arrow="false"></u-cell-item>
						<u-cell-item title="公告链接:" hover-class="none" :value="particulars.skipUrl" :value-style="{color:'#000'}"
								:arrow="false"></u-cell-item>
					<u-cell-item title="内容:" hover-class="none" :border-bottom="false" :arrow="false"></u-cell-item>
					<view class="" style="padding: 0 24rpx 0 40rpx;">
						{{particulars.content}}
						<!-- 尊敬的长乐社区居民您们好: 为了更好的服务社区居民,我社区服务站将为本社区居民提供免费健康体检，现将体检安排如下: -->
					</view>
<!-- 					<view class="physical">
						<text>—、体检对象:</text>
						<view class="">1、本社区65周岁以上所有老年居民。</view>
						<view class="">2、35周岁以上患高血压、糖尿病、重型精神病患者。</view>
					</view>
					<view class="physical">
						<text>二、体验项目:</text>
						<view class="">1、心电图;2、B超;3、血脂;</view>
						<view class="">4、空腹血糖;5、血常规;</view>
						<view class="">6、尿常规;7、肝功能;</view>
						<view class="">8、肾功能;9、测血压;10、体重。</view>
					</view>
					<view class="physical">
						<text>三、注意事项:</text>
						<view class="">1、参加体检时须携带户口本、本人身份证(原件)。</view>
						<view class="">2、体检时需空腹。</view>
					</view>
					<view class="physical">
						<text>四、体检地址:</text>
						<view class="">合肥市旭辉·湖山原著社区卫生服务站</view>
						<view class="">(职工俱乐部西侧，县工会—楼)</view>
					</view>
					<view class="physical">
						<text>五、体检时间:</text>
						<view class="">20xx年11月26日(飞华小区、隆鑫小区、雄山小区、雄山综合楼、阳光花园、经济适用房)。</view>
					</view>
					<view class="physical">
						六、体检结束后请您于20xx年12月11日一20日到本服务站，本站将将体检结果反馈本人。
					</view>
					<view class="" style="padding: 40rpx 24rpx 20rpx 40rpx; border-bottom: 2rpx solid #f6f7f9;">
						七、未建立健康档案的居民，体检时同时建立健康档案。
					</view> -->
					<u-cell-item title="阅读数:" hover-class="none" :value="particulars.readNumber" :value-style="{color:'#000'}"
							:arrow="false"></u-cell-item>
				</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 用户id
				noticeId:'',
				// 车辆详情
				particulars:'',
				// 搜索内容
				licensePlate: '',
			}
		},
		onLoad(val) {
			// if(val.noticeId){
			this.noticeId=val.noticeId
				this.getListVehicleByIds()
			// } else {
			// 	this.licensePlate=val.licensePlate
			// 	this.searchDetails()
			// }
		},
		methods: {
			// 访客详情信息
			getListVehicleByIds() {
				this.$http.get('informationInquiry/noticeInformation',{noticeId:this.noticeId}).then(res => {
					this.particulars=res.data
					console.log(res, '课程分类')
					// this.owners = res.data
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.earlyWarning {
		.mail_List {
			overflow: hidden;
			width: 100%;
			background-color: #f2f2f2;

			.mail {
				height: 160rpx;
				line-height: 230rpx;
				color: #fff;
				font-size: 40rpx;
				background-color: #2a4f65;
			}

			.order {
				text-align: center;
			}
		}

		.icon {
			position: absolute;
			top: 96rpx;
			left: 20rpx;
		}

		/deep/.second_card {

			.uni-card {
				z-index: unset;
				margin: 24rpx 0;
			}

			/deep/.u-cell__value {
				margin-right: -18rpx;
			}

				.u-cell {
					padding: 14rpx 24rpx 14rpx 40rpx;
				}

			.uni-card__content {
				padding: 0 10rpx !important;
			}

			.physical {
				padding: 40rpx 24rpx 0 40rpx;
			}

		}
	}
</style>
